"use strict"

var oul = document.querySelector(".nav ul");
var lis = document.querySelectorAll(".nav ul li");
var section = document.querySelectorAll("section");
//	oul.addEventListener("click",function(){
//		var ev = ev || window.event;
//		var target = ev.target || ev.srcElement;
//		console.log(target);
//		console.log();
//		if(target.nodeName.toLowerCase() == 'li'){
//			cle();	
//			target.classList.add("active");
//	　　 }
//	})
	lis.forEach(function(e,index){
//		console.log(index);
		e.addEventListener("click",function(){
			cle();
			cle2();
			e.classList.add("active");
			section[index].style.display = "block";
		})
	})
function cle(){
	lis.forEach(function(e){
		e.classList.remove("active");
	})
}
function cle2(){
	section.forEach(function(e){
		e.style.display = "none";
	})
}
